<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>九盛中彩</title>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/nav.js"></script>
		<script src="js/rem.js"></script>

		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/fonts.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/service.css" rel="stylesheet" />
	</head>

	<body>
		<div id="app" v-cloak >
			<header class="mui-bar mui-bar-nav header">
				<a class="mui-action-back mui-icon mui-icon-arrowleft"  style="float: left; color: #fff;">

				</a>
				<h1 class="mui-title">资讯</h1>
			</header>
			<div class="mui-bar mui-bar-tab" style="background: #fff;">
				<div class="mui-row">
					<div class="mui-col-sm-8 mui-col-xs-8" style="padding-left: 10px ;padding-top: 0px;">
						<span class=" mui-icon mui-icon-compose" style="position: absolute; left: 20px;">
							</span>
							<input type="search" class=" mui-input-clear mui-indexed-list-search-input" placeholder="我说两句" style="padding-left: 30px; height: 35px;">
						
					</div>
					<div class="mui-col-sm-4 mui-col-xs-4">
						
						<button type="button" class="mui-btn mui-btn-danger mui-btn-block" style="width: 90%; margin: auto; background: #f94536;">发 送</button>
						
					</div>
				</div>
			</div>
			<div  id="pullrefresh" class="mui-content mui-scroll-wrapper" style="background: #fff;">
				<div class="mui-scroll news_details">
					
					<div style="padding: 11px 15px;">
						
					<div class="stitle">北京单场5月17日专题：阿斯科利可立于不败之地</div>
					<div class="sdate">九盛中彩 2018/04/09</div>
					<div class="scontent">
						阿斯科利为了保级大业可谓全部拼杀，球队上轮客场击败佩斯卡拉后，近五轮联赛保持不败，目前以净胜球的劣势排在积分榜第18位，球队战斗欲望无比强烈。布雷西亚目前排在积分榜第15位，领先本场对手2分，在形势上还是处于利好的位置。不过布雷西亚目前的竞技状态相当低迷，近五轮联赛不胜，如此的态势恐怕难以在客场取分。
					</div>
					
					</div>
					<div class="xian"></div>
					<div style="padding: 11px 15px; border-bottom: 1px solid #e4e4e4;">
						<div class="stitle">评论</div>
					</div>
					<div>
						
						<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<div class="imgs" style="">
						<img class="mui-media-object mui-pull-left" src="images/news_1.jpg">
						</div>
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？<br/>
								2018.4.10
							</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.<br/>
								2018.4.10</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.<br/>
								2018.4.10</p>
						</div>
					</a>
				</li>

			</ul>
			
			
						
					</div>
				</div>				
			</div>
		</div>
	</body>
	
	<script type="text/javascript">
		$(document).ready(function(){
			
			new Vue({
					el: '#app'
			})
			$('.nav-list a').eq(3).addClass('mui-active');
			$('.nav-list a').on('click',function(){
				var dataId = $(this).attr('id');
				location.href=dataId+'.html';
			})
			
			
		})
		mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					down: {
						//						height: 50, //可选,默认50.触发下拉刷新拖动距离,
						//						auto: true, //可选,默认false.首次加载自动下拉刷新一次
						//						contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
						//						contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
						//						contentrefresh: "正在努力刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
						callback: setDown //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					}
					//					,
					//					up: {
					//						contentrefresh: '正在加载...',
					//						callback: setUp
					//					}
				},
				gestureConfig: {
					tap: true, //默认为true
					doubletap: true, //默认为false
					longtap: true, //默认为false
					swipe: true, //默认为true
					drag: true, //默认为true
					hold: false, //默认为false，不监听
					release: false //默认为false，不监听
				},
				swipeBack: true //启用右滑关闭功能
			});

			//			mui(".mui-scroll-wrapper").scroll({
			//				bounce: false, //滚动条是否有弹力默认是true
			//				indicators: false, //是否显示滚动条,默认是true
			//				deceleration: mui.os.ios ? 0.0003 : 0.0009 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
			//			});

			function setDown() {
				mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
			}

			function setUp() {
				mui('#pullrefresh').pullRefresh().pullupLoading();
			}
	</script>
</html>